<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
<title>就业管理</title>
<link rel="stylesheet" type="text/css" href="Assets/css/reset.css"/>
<script type="text/javascript" src="Assets/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="Assets/js/js_z.js"></script>
<link rel="stylesheet" type="text/css" href="Assets/css/thems.css">
<link rel="stylesheet" type="text/css" href="Assets/css/responsive.css">
    <link rel="stylesheet" href="common.css">
    <link rel="stylesheet" type="text/css" href="StatisticalFigure.css"/>
    <link rel="r">
</head>

<body>
<!--头部-->
<div class="header">
    <div class="head clearfix">
        <div class="logo">
            <a href=""><img src="Assets/images/logo.png" alt="就业管理"/></a>
        </div>
        <div class="nav_m">
            <div class="n_icon">导航栏</div>
            <ul class="nav clearfix">
               <li ><a href="index.html">网站首页</a></li>
               <li><a href="about.html">关于本站</a></li>
               <li class="now"><a href="works.html">就业数据</a></li>
               <li><a href="service.html">服务介绍</a></li>
               <li><a href="news.html">新闻动态</a></li>
               <li><a href="contact.html">联系我们</a></li> 
               <li><a href="Login.html">注册登录</a></li>
                <l></l>
            </ul>
        </div>
    </div>
</div>
<!--头部-->
<!--幻灯片-->
<div class="banners"><img src="Assets/upload/banner_a.jpg" alt=""/></div>
<!--幻灯片-->
<div class="bg_a">
	<div class="top_a">&nbsp;</div>
	<div class="wrap s_top">
    	<em>就业数据</em>
        <div class="pst">
        	<a href="">就业数据</a>>
            <a href="">就业数据</a>
        </div>
    </div>
</div>
<div class="container flgure">
    <div class="content">
<!--        <ul class="clearfix info">-->
<!--            <li class="active">学生基本信息</li>-->
<!--            <li>薪资信息</li>-->
<!--            <li>就业信息</li>-->
<!--            <li>工作省份</li>-->
<!--        </ul>-->
        <div class="basic">
            <div class="basicInfo select active ">
                <div id="leave-statistical">
                </div>
                <div class="leave">
                    <ul>
                        <li>学生人数 : 123</li>
                        <li>离校人数 : 100</li>
                        <li>在校人数 : 23</li>
                    </ul>
                </div>
                <div id="gender-statistical"></div>
                <div>
                    <ul class="gender">
                        <li>学生人数 : 123</li>
                        <li>男生人数 : 90</li>
                        <li>女生人数 : 33</li>
                    </ul>
                </div>
                <div id="province-statistical"></div>
                <div>
                    <ul class="province clearfix">
                        <li>学生人数 : 123</li>
                        <li>河北人数 : 33</li>
                        <li>河南人数 : 33</li>
                        <li>北京人数 : 33</li>
                        <li>山东人数 : 33</li>
                        <li>其他人数 : 33</li>
                    </ul>
                </div>

            </div>
            <div class="payInfo select ">
                <div id="payInfo"></div>
                <div id="payInfo1"></div>
            </div>
            <div class="employmentInfo select">
                <div id="employment_industry"></div>
                <div id="unit_properties" ></div>
                <div id="postgraduate_employment" ></div>
            </div>
            <div class="provinceInfo select">
                <div id="map"></div>
                <span>北京&nbsp;就业人数<i>200</i>&nbsp;占总人数的<em>45%</em></span>
            </div>
        </div>
    </div>
</div>
<script src="echarts.min.js"></script>
<script src="china.js" type="javascript" charset="utf-8"></script>
<script type="text/javascript" src="StudentBasicInformation.js"></script>
<script src="jquery-1.9.1.min.js"></script>
<script>
    var list = [
        { value: 100, name: '离校' },
        { value: 23, name: '在校' }
    ];
    data('leave-statistical', '学生在校离校统计表', list);
    var list2 = [

        { value: 90, name: '男生' },
        { value: 33, name: '女生' }
    ];
    data('gender-statistical', '男女比例统计表', list2);
    var list3 = [
        { value: 90, name: '河北' },
        { value: 33, name: '河南' },
        { value: 33, name: '北京' },
        { value: 33, name: '山东' },
        { value: 33, name: '其他' }
    ];
    data('province-statistical', '学院学生的省份比例表', list3);
    var payData = ['0-3', '3-4', '4-5', '5-6', '6-7', '7-8'];
    var moneyList = [3900, 4500, 4800, 5000, 5050, 5100];
    var personList = [22, 16, 29, 7, 5, 3];
    var payData1 = ['2013', '2014', '2015', '2016', '2017', '2018'];
    payInfoData('payInfo', '就业薪资工资区间统计表', payData, '人', '千元', personList);
    payInfoData('payInfo1', '学院历年就业学生的平均薪资统计表', payData1, '元', '年', moneyList);

    var aData1 = [
        { value: 5, name: '农林业' },
        { value: 18, name: '互联网' },
        { value: 12, name: '金融' },
        { value: 20, name: '建筑' },
        { value: 15, name: '服务行业' },
        { value: 16, name: '事业机关单位' },
        { value: 8, name: '教育科研' },
        { value: 6, name: '其他' }
    ]
    var aData2 = [
        { value: 5, name: '国企' },
        { value: 18, name: '民营' },
        { value: 12, name: '合资' },
        { value: 26, name: '其他' },
        { value: 15, name: '事业单位' },
        { value: 16, name: '政府机关' },
        { value: 8, name: '自主创业' }
    ]
    var aData3 = [
        { value: 80, name: '就业' },
        { value: 20, name: '考研' }
    ]
    var aColor1 = ['#76afdf', '#cfe894', '#e89797', '#97e5b2', '#99a1ef', '#eee18c', '#e89797', '#94cee4'];
    var aColor2 = ['#6C9BC7', '#b176cf', '#dd8f93', '#7ddbd1', '#7478d0', '#cf76c3', '#ddb48f'];
    var aColor3 = ['#948ddb', '#8fe9b8'];
    var aLeft = ['30%', '50%'];
    var aRight = ['80%', '50%'];
    getEcharts('employment_industry', '学生就业的所属行业统计表', aData1, aColor1, '所属行业', aLeft, '65%', '16%');
    getEcharts('unit_properties', '学生就业单位性质的统计表', aData2, aColor2, '单位性质', aRight, '15%', '65%');
    getEcharts('postgraduate_employment', '学生考研就业比例统计表', aData3, aColor3, '就业比例', aLeft, '65%', '16%');
    getEchartsMap();

    $('.info li').click(function() {
        $(this).addClass("active").siblings().removeClass("active");
        $('.basic .select').eq($("ul li").index(this)).addClass("active").siblings().removeClass("active")
    });
</script>
<div class="bg_b">
    <div class="wrap f_zx">
        <p>陕西国防工业职业技术学院就业管理系统衷心希望您能找到一份满意的工作，并以专业的态度和真诚的服务，赢得您的信任与支持。
            相信我们的服务将会为您创造更高的经济效益！</p>
        <a href="">立即咨询</a>
    </div>
</div>
<div class="bg_c">
    <div class="wrap">
        <ul class="foot clearfix">
            <li>
                <a href="" class="f_logo"><img src="" alt=""/></a>
                <p>Copyright ® 2019 - 2019</p>
                <p>TIANYOU DESIGN ALLIANCE PTE.LTD.</p>
                <p>All Rights Reserved.</p>
                <p>陕西国防工业职业技术学院</p>

            </li>
            <li class="f_a">
                <b>联系方式</b>
                <p class="f_a1">陕西省户县人民路8号</p>
                <p class="f_a2">电话：0755-27207462</p>
                <p class="f_a3">电子邮箱：13699785237@163.com</p>
            </li>
        </ul>
    </div>
</div>
</body>
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script type="text/javascript">
    $(function () {
        $.ajax({
            url:'http://localhost:63342/WWW/lr3181/welcome.php',
            type:'post',
            data:{},
            dataType:'json',
            success:function (data) {
                if (data['result']=='success'){
                    $('l').html('<br>'+data['username']+',欢迎您登录！！！');
                }
            },
            error:function (err) {
                console.log(err);
                alert('请求失败');
            }
        })
    });
</script>
</html>
